<?php
/*
Template Name: contacto
*/
get_header();
?>
<link href="<?php bloginfo("template_url")?>/css/forms.css" rel="stylesheet" type="text/css"/> 
<script src="<?php bloginfo("template_url")?>/javascript/jquery-1.6.4.min.js"></script>
<script src="<?php bloginfo("template_url")?>/javascript/jquery.validate.min.js"></script>
<script src="<?php bloginfo("template_url")?>/javascript/messages_es.js"></script>

<script type="text/javascript">
$(document).ready(function(){
		$('#contactUs').validate();
		$('#submitform').bind|('click',function(){
			if($('#contactUs').vaildate()){
				$('#contactUs').submit();
			}
		});
});
</script>
    <?php include ('menu.php') ?>

    <div class="main-content">
        <div class="home">
            <div class="offers">
                <h2>Contacto</h2>
                    <div class="form">
                        <div class="notify">
                            Por favor complete el siguiente formulario para realizar su consulta.<br /> 
                            Recuerde que los campos marcados con <span class="reqtext">*</span> son requeridos.
                        </div>                    
                        <div class="error">
                            <span>Ooops!</span> Existe informaci&oacute;n requerida no ha sido completada o el formato no es el correcto.<br />
                            Por favor verifique los campos marcados con error.
                        </div>
                        <form id="contactUs" action="http://www.locosxlasmotos.com/contact.php" method="POST">
                            <div>
                                <label><span class="reqtext">*</span> Nombre</label>
                                <input class="medium required" type="text" name="name" />
                            </div>
                            <div>
                                <label>Empresa</label>
                                <input class="medium" type="text" name="enterprise" />
                            </div>                            
                            <div>
                                <label><span class="reqtext">*</span> E-mail</label>
                                <input class="email required" type="text" name="email" />
                            </div>                
                            <div>
                                <label><span class="reqtext">*</span> Tel&eacute;fono</label>
                                <input class="phone required" type="text" name="phone" />
                            </div>
                           
                            <div>
                                <label><span class="reqtext">*</span> Mensaje</label>
                                <textarea name="message" class="required" cols="" rows=""></textarea>
                            </div>                        
                            <div class="buttons">
                               <input class="submit" type="submit" value="Enviar"/>
                            </div>
                            <br /><br />
                        </form>
                    </div>
                <div class="clearfix"></div>                
            </div>
        </div>
    </div>

    <? include('sidebar-right.php') ?>
</div>
<?php get_footer(); ?>
